<!DOCTYPE html>
<html lang="zh">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="referrer" content="never">
  <title>企鹅视频</title>
  <link rel="stylesheet" href="./css/tx_video.css">
  <link rel="stylesheet" href="./css/layer.css">
</head>

<body class="play-body">
	<!-- 播放展示 -->
	<div class="play-tencent">
		<img class="img tv_img" src="./img/tv.png" class="tv_img" alt="TV Background">
		<div class="play-video">
			<iframe class="play-video" id="main-movie" allowfullscreen="true" allowtransparency="true"
				frameborder="0" scrolling="no" src="./video_bg.html"></iframe>
			<!-- 
			<video id="autoplay" class="play-video" muted="" autoplay="" loop="" preload="" controls="controls">
				<source src="https://apd-vlive.apdcdn.tc.qq.com/vipzj.video.tc.qq.com/b0394l0wtog.mp4?vkey=0E0E38BF322A8D9F43CFD93EBACEDBED75E7279A2CCDFB34A5AD02BC727A71C962853538CB0C0C7AEBF16ADD3F1C35E4EB06FB9D210369DC58B98F1DCF8DE0E03E234AE54F4889745BC6993DBBD0EB38336A01B6E2A09D87D826D6820448D71ED5F0176DC2FFF0AB250000B8D5A93EA40736B68C85C30064" type="video/mp4">
				<source src="" type="video/ogg">
				Your browser does not support the video tag.
			</video>
			-->
		</div>
		
		<!-- 播放器时钟 -->
		<div id="clock">
			<p class="date">...请在video_url=后面或输入框中输入你的视频链接...</p>
			<p class="time" id="time">10:22:07</p>
			<p class="text" id="text">2024-10-18 星期五</p>
			<br>
			<p class="date" style="color:rgb(0, 55, 255)">支持全网FLV、HLS、DASH、MP4等媒体流</p>
			<br>
			<p class="date" style="color:red">站点在线播放仅供演示使用，请勿用于非法用途！</p>
			<br>
			<p class="date" style="color:pink">请不要相信视频中广告！</p>
			<br>
		</div>
		<script>
			var week = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
			var timerID = setInterval(updateTime, 1000);
			updateTime();

			function updateTime() {
				var cd = new Date();
				document.getElementById('time').textContent = zeroPadding(cd.getHours(), 2) + ':' + zeroPadding(cd.getMinutes(), 2) + ':' + zeroPadding(cd.getSeconds(), 2);
				document.getElementById('text').textContent = zeroPadding(cd.getFullYear(), 4) + '-' + zeroPadding(cd.getMonth() + 1, 2) + '-' + zeroPadding(cd.getDate(), 2) + ' ' + week[cd.getDay()];
			};

			function zeroPadding(num, digit) {
				return num.toString().padStart(digit, '0');
			}
		</script>
	</div>

	<!-- 解析配置 -->
	<div class="play-config" id="playConfig"></div><br/><br/>
	
	<!-- 只适合单点 https://rdfplayer.mrgaocloud.com/player/?url= 
					 https://player.mrgaocloud.com/player/?url=
					 https://rdfplayer.mrgaocloud.com/player/ac.php?vod_isByIframe=true&url=
	-->
	<script>
	  const options = [
		{ value: "https://a.wkvip.net/index.php?url=", text: "测试接口【完美影视】", selected: true },
		{ value: "https://yparse.ik9.cc/index.php?url=", text: "测试接口【七哥解析】" },
		{ value: "https://video.isyour.love/player/getplayer?url=", text: "①号接口【多站点】" },
		{ value: "https://jx.yparse.com/index.php?url=", text: "②号接口【综合】" },
		{ value: "https://jx.dmflv.cc/?url=", text: "③号接口【大米云】" },
		{ value: "https://jx.xymp4.cc/?url=", text: "④号接口【咸鱼云】" },
		{ value: "https://jx.77flv.cc/?url=", text: "⑤号接口【七七云】" },
		{ value: "https://www.yemu.xyz/?url=", text: "⑥号接口【夜幕】" },
		{ value: "https://jx.xmflv.com/?url=", text: "⑦号接口【虾米】" },
		{ value: "https://jx.aidouer.net/?url=", text: "⑧号接口【爱豆】" },
		{ value: "https://bd.jx.cn/?url=", text: "⑨号接口【冰豆】" },
		{ value: "https://jx.playerjy.com/?url=", text: "⑩号接口【PlayerJY】" },
		{ value: "https://api.quanminjiexi.com/?v=", text: "⑪号接口【全民解析】" },
		{ value: "https://yparse.jn1.cc/index.php?url=", text: "⑫号解析通道" },
		{ value: "https://rdfplayer.mrgaocloud.com/player/?url=", text: "⑬号解析通道" },
		{ value: "https://player.mrgaocloud.com/player/?url=", text: "⑭号解析通道" },
		{ value: "https://jx.m3u8.tv/jiexi/?url=", text: "⑮号解析通道" }
	  ];
	  // ⒃ ⒄ ⒅ ⒆ ⒇
	  const playConfig = document.getElementById('playConfig');

	  // 创建下拉框和输入框
	  const select = document.createElement('select');
	  select.id = 'interface';
	  select.className = 'input-url';
	  options.forEach(({ value, text, selected }) => {
		const option = new Option(text, value, selected);
		option.className = 'select-list'; 
		select.add(option);
	  });

	  const input = document.createElement('input');
	  input.id = 'url';
	  input.type = 'text';
	  input.className = 'input-url input-text';
	  input.placeholder = '粘贴视频网址';

	  // 创建播放、停止和粘贴按钮
	  const createButton = (id, text, v_class, onClick) => {
		const button = document.createElement('button');
		button.type = 'button';
		button.id = id;
		button.textContent = text;
		button.className = v_class; 
		button.onclick = onClick;
		return button;
	  };

	  const playButton = createButton('play_video', 'Go-播放', 'btn btn-play start', () => play_video() );
	  const stopButton = createButton('play_close', 'Go-停止', 'btn btn-play stop', () => play_close() );
	  const pasteButton = createButton('paste_url', 'Go-粘贴', 'btn btn-play paste', () => {
		input.value = '';  // 清空输入框内容
		navigator.clipboard.readText().then(text => {
		  input.value = text;  // 将剪贴板内容粘贴到输入框
		}).catch(err => {
		  console.error('无法读取剪贴板内容: ', err);
		  alert('无法读取剪贴板内容，请确保允许访问剪贴板。');
		});
	  });

	  // 将所有元素添加到 playConfig 容器
	  playConfig.append(select, input, pasteButton, playButton, stopButton);
	</script>

	
<!-- 	<div class="play-config">
		<div class="input-group" style="width: 100%;">
		  <select class="input-url" id="interface">
			<option class="select-list" value="https://a.wkvip.net/index.php?url=" selected="selected">测试接口【完美影视】</option>
			<option class="select-list" value="https://video.isyour.love/player/getplayer?url=">①号接口【多站点】</option>
			<option class="select-list" value="https://jx.yparse.com/index.php?url=">②号接口【综合】</option>
			<option class="select-list" value="https://jx.dmflv.cc/?url=">③号接口【大米云】</option>
			<option class="select-list" value="https://jx.xymp4.cc/?url=" >④号接口【咸鱼云】</option>
			<option class="select-list" value="https://jx.77flv.cc/?url=">⑤号接口【七七云】</option>
			<option class="select-list" value="https://www.yemu.xyz/?url=">⑥号接口【夜幕】</option>
			<option class="select-list" value="https://jx.xmflv.com/?url=">⑦号接口【虾米】</option>
			<option class="select-list" value="https://jx.aidouer.net/?url=">⑧号接口【爱豆】</option>
			<option class="select-list" value="https://bd.jx.cn/?url=">⑨号接口【冰豆】</option>
			<option class="select-list" value="https://jx.playerjy.com/?url=">⑩号接口【Player-JY】</option>
		  </select>
		  
		  <input class="input-url input-text" id="url" type="text" value="" placeholder="粘贴视频网址">
		  <button type="button" class="btn btn-play start" id="play_video" onclick="play_video()">Go-播放</button>
		  <button type="button" class="btn btn-play stop" id="play_close" onclick="play_close()">Go-停止</button>
		</div>
	</div> -->
  


	<!-- 快捷图标 -->
	<div class="logos_lists" style="text-align:center;"></div>

	
	<!-- 主要逻辑 -->
	<script src="./js/jquery.min.js"></script>
	<script src="./js/layer.min.js"></script>
	<script src="./js/tx_video.js"></script>

	<script>
	  const logos = [
		{ url: "https://v.qq.com", title: "腾讯视频", img: "https://v.urmorn.com/assets/img/qqlogo.png" },
		{ url: "https://www.iqiyi.com", title: "爱奇艺", img: "https://v.urmorn.com/assets/img/iqiyilogo.png" },
		{ url: "https://www.youku.com", title: "优酷", img: "https://v.urmorn.com/assets/img/youkulogo.png" },
		{ url: "https://www.mgtv.com", title: "芒果视频", img: "https://v.urmorn.com/assets/img/hunantvlogo.png" },
		{ url: "https://tv.le.com", title: "乐视视频", img: "https://v.urmorn.com/assets/img/letvlogo.png" },
		{ url: "https://www.1905.com", title: "1905电影网", img: "https://v.urmorn.com/assets/img/1905logo.png" }
	  ];

	  const logosContainer = document.querySelector('.logos_lists');

	  logos.forEach(({ url, title, img }) => {
		const link = document.createElement('a');
		link.href = url;
		link.className = 'a_btn';
		link.target = '_blank';
		link.title = title;

		const image = document.createElement('img');
		image.className = 'img-responsive';
		image.src = img;

		link.appendChild(image);
		logosContainer.appendChild(link);
	  });
	</script>

	<!-- 快捷图标 -->
	<div id="video-container" style="text-align:center; "></div><br/><br/>
	<script>
		const videoData = [
			{ href: "http://film.qq.com/", imgSrc: "https://jx.wujiyan.cc/img/qqlogo.png", text: "腾讯会员中心", width: 150, height: 35 },
			{ href: "http://vip.iqiyi.com/", imgSrc: "https://jx.wujiyan.cc/img/iqiyilogo.png", text: "爱奇艺会员中心" },
			{ href: "http://vip.youku.com/", imgSrc: "https://jx.wujiyan.cc/img/youkulogo.png", text: "优酷会员中心" },
			{ href: "http://www.mgtv.com/vip/", imgSrc: "https://jx.wujiyan.cc/img/hunantvlogo.png", text: "芒果会员中心" },
			{ href: "http://yuanxian.le.com/", imgSrc: "https://jx.wujiyan.cc/img/letvlogo.png", text: "乐视会员中心" },
			{ href: "http://vip.tudou.com", imgSrc: "https://jx.wujiyan.cc/img/tudoulogo.png", text: "土豆会员中心" },
			{ href: "http://www.baofeng.com/", imgSrc: "https://jx.wujiyan.cc/img/baofeng.png", text: "暴风会员" },
			{ href: "http://vip.1905.com/", imgSrc: "https://jx.wujiyan.cc/img/1905logo.png", text: "1905电影网视频" },
			{ href: "http://vip.kankan.com/", imgSrc: "https://jx.wujiyan.cc/img/kankan.png", text: "天天看看" },
			{ href: "http://www.pptv.com/", imgSrc: "https://jx.wujiyan.cc/img/pptv.png", text: "PPTV聚力" },
			{ href: "http://www.yinyuetai.com/", imgSrc: "https://jx.wujiyan.cc/img/yinyuetailogo.png", text: "音悦台MV" },
			{ href: "http://www.56.com/", imgSrc: "https://jx.wujiyan.cc/img/56logo.png", text: "56视频" },
			{ href: "http://www.fun.vip", imgSrc: "https://jx.wujiyan.cc/img/fengxing.png", text: "风行视频" },
			{ href: "http://movie.ku6.com/", imgSrc: "https://jx.wujiyan.cc/img/ku6logo.png", text: "酷6视频" },
			{ href: "http://vip.wasu.cn/", imgSrc: "https://jx.wujiyan.cc/img/wasulogo.png", text: "WASU华数视频" },
			{ href: "http://video.sina.com.cn/", imgSrc: "https://jx.wujiyan.cc/img/sinalogo.png", text: "新浪视频" },
			{ href: "https://film.sohu.com/", imgSrc: "https://jx.wujiyan.cc/img/sohulogo.png", text: "搜狐视频" },
			{ href: "http://www.baomihua.com/", imgSrc: "https://jx.wujiyan.cc/img/baomihualogo.png", text: "爆米花" },
			{ href: "http://www.kankanews.com/", imgSrc: "https://jx.wujiyan.cc/img/kankannewslogo.png", text: "看看新闻网视频" },
			{ href: "http://www.tangdou.com/", imgSrc: "https://jx.wujiyan.cc/img/tangdoulogo.png", text: "糖豆视频" },
			{ href: "http://tv.cctv.com/", imgSrc: "https://jx.wujiyan.cc/img/cntvlogo.png", text: "央视网" },
			{ href: "http://www.acfun.cn/", imgSrc: "https://jx.wujiyan.cc/img/acfun.png", text: "Ac弹幕网" },
			{ href: "http://www.bilibili.com/", imgSrc: "https://jx.wujiyan.cc/img/bilibili.png", text: "哔哩哔哩" },
			{ href: "http://www.aipai.com/", imgSrc: "https://jx.wujiyan.cc/img/aipai.png", text: "爱拍原创" }
		];

		const videoContainer = document.getElementById('video-container');

		videoData.forEach(video => {
			const link = document.createElement('a');
			link.className = 'a_btn video-link';
			link.target = '_blank';
			link.href = video.href;

			const img = document.createElement('img');
			img.src = video.imgSrc;
			img.width = video.width || 110; // 默认宽度
			img.height = video.height || 35; // 默认高度

			const vText = document.createElement('span');
			vText.textContent = video.text;
			vText.className = 's-text';

			link.appendChild(img);
			link.appendChild(vText);
			videoContainer.appendChild(link);
		});
	</script>
  

	<!-- 滚动展示 图片、视频 -->
	<div class="scroll-container">
        <div class="scroll-content">
			<div class="item" id="dynamicContent"></div>
        </div>
    </div><br/><br/>	

	<script>
		const data = [
			/* 图片区 */
			{ href: "https://www.onexiaolaji.cn/RandomPicture/api/?key=qq249663924", src: "https://www.onexiaolaji.cn/RandomPicture/api/?key=qq249663924", alt: "小姐姐", rank: "1", vip: "VIP.svg" },
			{ href: "https://api.lolimi.cn/API/tup/xjj.php", src: "https://api.lolimi.cn/API/tup/xjj.php", alt: "小姐姐", rank: "2", vip: "VIP.svg" },
			{ href: "https://free.wqwlkj.cn/wqwlapi/ks_xjj.php?type=image", src: "https://free.wqwlkj.cn/wqwlapi/ks_xjj.php?type=image", alt: "快手小姐姐", rank: "3", vip: "VIP.svg" },
			{ href: "https://free.wqwlkj.cn/wqwlapi/hlxcos.php?type=image", src: "https://free.wqwlkj.cn/wqwlapi/hlxcos.php?type=image", alt: "cos二次元", rank: "4", vip: "VIP.svg" },			
			{ href: "https://api.lolimi.cn/API/meinv/api.php?type=image", src: "https://api.lolimi.cn/API/meinv/api.php?type=image", alt: "三次元", rank: "7", vip: "VIP.svg" },
			{ href: "https://api.lolimi.cn/API/tup/xjj.php", src: "https://api.lolimi.cn/API/tup/xjj.php", alt: "动漫女", rank: "9", vip: "VIP.svg" },
			{ href: "https://api.suyanw.cn/api/ksxjj", src: "https://api.suyanw.cn/api/ksxjj", alt: "随机美女", rank: "11", vip: "VIP.svg" },
			{ href: "http://api.yujn.cn/api/heisi.php", src: "http://api.yujn.cn/api/heisi.php", alt: "随机黑丝", rank: "12", vip: "VIP.svg" },
			{ href: "https://v2.api-m.com/api/heisi?return=302", src: "https://v2.api-m.com/api/heisi?return=302", alt: "随机黑丝", rank: "13", vip: "VIP.svg" },
			{ href: "https://v2.api-m.com/api/baisi?return=302", src: "https://v2.api-m.com/api/baisi?return=302", alt: "随机白丝", rank: "14", vip: "VIP.svg" },
			{ href: "https://v2.api-m.com/api/meinvpic?return=302", src: "https://v2.api-m.com/api/meinvpic?return=302", alt: "随机美女", rank: "15", vip: "VIP.svg" },
			{ href: "https://api.pearktrue.cn/api/beautifulgirl/?type=image", src: "https://api.pearktrue.cn/api/beautifulgirl/?type=image", alt: "随机美女", rank: "16", vip: "VIP.svg" },
			{ href: "https://api.qicaiyun.top/sjbz/api.php?method=mobile&lx=suiji", src: "https://api.qicaiyun.top/sjbz/api.php?method=mobile&lx=suiji", alt: "随机美女", rank: "18", vip: "VIP.svg" },
			/* 随机涩图 */
			/* { href: "https://image.anosu.top/pixiv/direct?r18=1&keyword=azurlane", src: "https://image.anosu.top/pixiv/direct?r18=1&keyword=azurlane", alt: "碧蓝航线涩图", rank: "1", vip: "Free_Trial.svg" },
			{ href: "https://image.anosu.top/pixiv/direct?r18=1&keyword=bluearchive", src: "https://image.anosu.top/pixiv/direct?r18=1&keyword=bluearchive", alt: "碧蓝档案涩图", rank: "2", vip: "Free_Trial.svg" },
			{ href: "https://image.anosu.top/pixiv/direct?r18=1&keyword=genshinimpact", src: "https://image.anosu.top/pixiv/direct?r18=1&keyword=genshinimpact", alt: "原神涩图", rank: "3", vip: "Free_Trial.svg" },
			{ href: "https://image.anosu.top/pixiv/direct?r18=1&keyword=arknights", src: "https://image.anosu.top/pixiv/direct?r18=1&keyword=arknights", alt: "明日方舟涩图", rank: "4", vip: "Free_Trial.svg" },
			{ href: "https://image.anosu.top/pixiv/direct?r18=1&keyword=honkai", src: "https://image.anosu.top/pixiv/direct?r18=1&keyword=honkai", alt: "崩坏三涩图", rank: "5", vip: "Free_Trial.svg" },
			{ href: "https://image.anosu.top/pixiv/direct?r18=1&keyword=fate", src: "https://image.anosu.top/pixiv/direct?r18=1&keyword=fate", alt: "命运涩图", rank: "6", vip: "Free_Trial.svg" },
			{ href: "https://image.anosu.top/pixiv/direct?r18=1&keyword=frontline", src: "https://image.anosu.top/pixiv/direct?r18=1&keyword=frontline", alt: "少女前线涩图", rank: "7", vip: "Free_Trial.svg" },
			{ href: "https://image.anosu.top/pixiv/direct?r18=1&keyword=princess", src: "https://image.anosu.top/pixiv/direct?r18=1&keyword=princess", alt: "公主连接涩图", rank: "8", vip: "Free_Trial.svg" },
			{ href: "https://image.anosu.top/pixiv/direct?r18=1&keyword=idolmaster", src: "https://image.anosu.top/pixiv/direct?r18=1&keyword=idolmaster", alt: "偶像大师涩图", rank: "9", vip: "Free_Trial.svg" },
			{ href: "https://image.anosu.top/pixiv/direct?r18=1&keyword=hololive", src: "https://image.anosu.top/pixiv/direct?r18=1&keyword=hololive", alt: "皮套人涩图", rank: "10", vip: "Free_Trial.svg" },
			{ href: "https://image.anosu.top/pixiv/direct?r18=1&keyword=touhou", src: "https://image.anosu.top/pixiv/direct?r18=1&keyword=touhou", alt: "东方涩图", rank: "11", vip: "Free_Trial.svg" },
			 */
			/* 视频区 */
			/* { href: "http://api.yujn.cn/api/zzxjj.php", src: "http://api.yujn.cn/api/zzxjj.php", alt: "视频小姐姐", rank: "1", isVideo: true, videoSrc: "http://api.yujn.cn/api/zzxjj.php", free: "Free.svg" },
			{ href: "http://api.yujn.cn/api/xjj.php", src: "http://api.yujn.cn/api/xjj.php", alt: "视频小姐姐", rank: "2", isVideo: true, videoSrc: "http://api.yujn.cn/api/xjj.php", free: "Free.svg" },
			{ href: "http://api.yujn.cn/api/juhexjj.php", src: "http://api.yujn.cn/api/juhexjj.php", alt: "视频小姐姐", rank: "3", isVideo: true, videoSrc: "http://api.yujn.cn/api/juhexjj.php", free: "Free.svg" },
			{ href: "http://api.yujn.cn/api/luoli.php", src: "http://api.yujn.cn/api/luoli.php", alt: "视频萝莉", rank: "4", isVideo: true, videoSrc: "http://api.yujn.cn/api/luoli.php", free: "Free.svg" } */
		];

		const dynamicContent = document.getElementById('dynamicContent');
		data.forEach(({ href, src, alt, rank, isVideo, videoSrc, vip, free }) => {
			const content = isVideo ? 
				/* 视频 */
				`<video muted autoplay loop width="100%" height="100%" src="${videoSrc}" onerror="this.onerror=null; this.src='./video/default-video.mp4';">
					<!-- <source src="${videoSrc}" type="video/mp4"> -->
				</video>` : 
				/* 图片 */
				`<img class="img" src="${src}" alt="${alt}" onerror="this.src='./img/default-image.jpg';">`;
				/* 拼接 */
				const displayRank = rank >= 4 ? 4 : rank;
				dynamicContent.innerHTML += `
				<a href="${href}" target="_blank">
					${content}
					<span class="flex-list_topNum topNum${displayRank}">${rank}</span>
					<img class="marks_vip" src="./img/${isVideo ? free : vip}">
				</a>`;
		});
	</script>
	
	
	<h1>选择并展示本地图片</h1>
    <input type="file" id="fileInput" class="input-url" multiple accept="image/*">
	<div class="scroll-container">
        <div class="scroll-content">
			<div class="item" id="gallery"></div>
        </div>
    </div>

    <script>
        const fileInput = document.getElementById('fileInput');
        const gallery = document.getElementById('gallery');

        fileInput.addEventListener('change', (event) => {
            const files = event.target.files; // 获取用户选择的文件
            // 清空画廊
            gallery.innerHTML = '';

            // 使用 Array.from 将文件列表转换为数组进行遍历
            Array.from(files).forEach((file, index) => {
                const reader = new FileReader();

                reader.onload = (e) => {
                    // 生成动态内容
                    const src = e.target.result; // 将文件内容设置为图片源
                    const alt = file.name; // 使用文件名作为 alt
                    const rank = 1; // 示例等级
					const isVideo = false; // 示例视频标识
                    const vip = 'VIP.svg'; // 示例 VIP 图标
                    const free = 'Free.svg'; // 示例 免费 图标
                    const href = e.target.result; // 示例链接
					
					// 使用 Blob URL
                    const blobUrl = URL.createObjectURL(file);

                    // 拼接内容
                    const displayRank = rank >= 4 ? 4 : rank;
                    const content = `<img class="img" src="${src}" alt="${alt}" onerror="this.src='./img/default-image.jpg';">`;
                    
                    // 动态添加内容
                    gallery.innerHTML += `
                        <a href="${blobUrl}" target="_blank">
                            ${content}
                            <span class="flex-list_topNum topNum${displayRank}">${index+1}</span>
                            <img class="marks_vip" src="./img/${isVideo ? free : vip}">
                        </a>`;
                };

                reader.readAsDataURL(file); // 读取文件内容为 Data URL
            });
        });
    </script>




</body>

</html>